@CHARSET "UTF-8";
/* CSS Document */
body{ font-family:Arial,"microsoft yahei",Verdana; padding:0; margin:0; font-size:12px; color:#858585; background:#e8e8e8; min-width:320px; padding-top:44px;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}/*阻止转屏时字体变大*/
html,div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,img,dd,dt,dl{ padding:0; margin:0; border:none;}
img{ padding:0; margin:0; vertical-align:top; border:none;}
ul,li{ list-style:none outside none; padding:0; margin:0;}
h1,h2{color:#404040; font-size:14px;}
input[type="text"]{-webkit-appearance: none;-moz-appearance: none; margin:0; padding:0; background:none; border:none; font-size:14px; text-indent:3px;}
input[type="checkbox"]{ margin:0;}

/*清除浮动样式*/
.clear{ clear:both; height:0; width:100%;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom: 1; clear:both;}

/*几种不同间隔的样式*/
.space5{ height:5px; clear:both;}
.space10{ height:10px; clear:both;}
.space15{ height:15px; clear:both;}
.space20{ height:20px; clear:both;}
.space30{ height:30px; clear:both;}

/*几种不同的字体样式*/
.fl{ float:left;}
.fr{ float:right;}
a{ text-decoration:none; color:#808080;}

/*长度百分比*/
.w33{width:33%;}
.w38{width:38%;}
.w90{width:90%}
.w100{ width:100%;}

/*其他样式*/
.pl05{ padding-left:5px;}
.w320{ width:320px; margin:0 auto;}
.fontred{ color:#f9339b}
.fontgrey,.sfontgrey{ color:#999;}
.sfontgrey{ font-size:11px;}
.fontdark{ color:#242424;}
.fontyellow,.sfontyellow{ color:#eba602;}
.fontyellow{ text-decoration:underline; font-size:13px;}
.fontblue{color:#3366CC}
.gather{ color:#7d5302;}
.fblod{ font-weight:bold;}
.font16{ font-size:16px!important;color:#f9339b; font-weight:bold;}
.font16w{ font-size:16px; }
.font14{ font-size:14px;}
.fontstyle{ text-decoration:line-through;}
.alignc{ text-align:center}
.aposition{ position:relative}
.m0a{ margin:0 auto}
.hide{display:none;}
.compadding,.p14{ padding:0 8px;}
.prf05{ padding:0 5px;}
.pb5{ padding-bottom:5px;}

/*wap4.0通用按钮样式*/
.text_input,.textarea_input,.s_text_input{padding:0; margin:0;background:#fff; border:none; border:1px solid #dadada; color:#404040; border-radius:4px; box-shadow:none; font-size:14px;}
.textarea_address{ border-radius:0;}
.l_input{ height:38px; width:200px; line-height:38px;}
.textarea_input{ height:75px; line-height:18px; border:none; width:100%;}
textarea#msg{ height:150px;}
.text_search::-webkit-input-placeholder { color:#999; }
.text_select{ height:30px; font-size:12px;}
.btn_red,.btn_gry,.btn_white,.btn_white_order,.btn_sure,.btn_unav{font-weight:normal; height:35px;text-align:center; font-size:16px;line-height:35px; border-radius:2px;display:inline-block;}
.btn_red{color:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b',endColorstr='#e61f80');background:-ms-linear-gradient(top, #ff3c9b, #e61f80);/*IE10*/background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));background: -moz-linear-gradient(top, #ff3c9b, #e61f80); border:#db207b 1px solid;}
.btn_gry{color:#858585;padding:0 13px; font-size:12px; font-weight:bold;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#cccccc');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #f2f2f2, #cccccc);/*IE10*/background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#cccccc));background: -moz-linear-gradient(top, #f2f2f2, #cccccc); border:#b1b1b1 1px solid!important; }
.connerdiv .btn_gry{ width:100%; font-size:16px;}
.btn_white,.btn_white_order{ color:#000;box-shadow:0 1px 2px rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#efeeee');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #fafafa, #efeeee);/*IE10*/background: -moz-linear-gradient(top, #fafafa, #efeeee);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efeeee)); border:#c5c5c5 1px solid!important; border-radius:2px; } 
.btn_white_order{ color:#515151; display:inline-block; height:26px; line-height:26px; padding:0 10px; box-shadow:0 1px 1px rgba(0,0,0,.1); border-radius:2px; border:#c5c5c5 1px solid;font-size:12px;}
.btn_sure{ box-shadow:0 1px 1px rgba(0,0,0,.2); color:#ffffff; width:150px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b',endColorstr='#e61f80');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #ff3c9b, #e61f80);/*IE10*/background: -moz-linear-gradient(top, #ff3c9b, #e61f80); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80)); border:#db207b 1px solid!important;cursor:pointer;}
.btn_unav{ border:#ddd 1px solid;  color:#d2d2d2; text-shadow:0 1px 1px #fff;width:150px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#e8e8e8');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #f8f8f8, #e8e8e8);/*IE10*/ background: -moz-linear-gradient(top, #f8f8f8, #e8e8e8);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e8e8e8));}
.binput,.textarea_messages{ width:100%;display:block; height:40px; background:#fff!important; border-radius:4px; border:#dadada 1px solid!important; box-shadow:0px 1px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.1) inset;-moz-box-shadow:0px 1px 2px rgba(0,0,0,.1) inset;}
.textarea_messages{ height:120px;-webkit-appearance: none;-moz-appearance: none; margin:0; padding:0;}
.sbinput{ width:65%;}
.btn_layout{ width:120px;}
.largerbtn{ height:40px;text-align:center; line-height:40px; font-size:14px; font-weight:bold; display:inline-block;}
[class*="focus"]{background-color: #ffffff;border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
[class*="focus"]:focus{border-color: rgba(0, 0, 0, 0.8);outline: 0;outline: thin dotted \9;}

/*wap4.0背景图片*/
.s_links a span,.backtop,.logo,.h_logn,.h_cart,.h_back,.h_home,.t_links li a span,.s_links a em.s_tel,.s_links a em.s_sev,em.s_mes,em.s_show,.s_links a em.s_qua,.suppliers_send span,.re_time span,.carticon,.clockicon,.beautycart span, .btn_story span,.check_arrow,.up_arrow,.flow_carticon,.rightrow,.layer_close span i,.Origin span{background:url(images/common/indexicon.png) no-repeat; background-size:200px;}
.checktit span,.addr_ope a span,.changeaddr,.selected_addr span.sele_addr,.in_return i.seleted,.drop_cate h2 span,.drop_cate li a span,.drop_cate dt span,.selted_size span,.seldout,.userhead,.viphead,.allgoods span,.available span,.bb_top_tip,.dateheart,.booked em,.sbooked,.radio-box,.check-selted,.check-box,.check-selted,.introduce span,.moreimg,span.sz_seleted,.nonsupport span{background:url(../images/common/flowicon.png) no-repeat; background-position:0 0; background-size:200px;}
.bblock{ display:block; width:100%;} 

/*wap4.0头部样式*/
.header{ background:#fff; padding:0;position:relative; position:fixed; width:100%; top:0; height:44px ;box-shadow:0 1px 3px rgba(0,0,0,.3); text-align:center; line-height:44px; font-size:18px; color:#252525; z-index:99}
.head_logo{ position:absolute;  left:50%; top:50%; margin:-8px 0 0 -30px;}
.logo{ width:60px; height:17px; display:block; background-position:-55px -5px;}
.head_left a,.head_right a{ display:block; padding:13px;}
.h_logn,.h_cart,.h_back,.h_home{ display:block; width:19px; height:18px;}
.h_logn{ background-position:-10px -5px;}
.h_cart{background-position:-10px -35px;}
.h_back{background-position:-10px -65px;}
.h_home{background-position:-10px -95px;}
.headtit{ display:inline-block; width:220px;overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow: ellipsis;}

/*wap4.0导航样式*/
#nav{height:36px; background:#333;overflow:hidden; line-height:36px; }
#nav ul{border-bottom:#000000 1px solid; width:100%; font-size:0;}
#nav ul li{ float:left;margin:0px 10px;display:inline-block; text-align:center;}
#nav ul li.num07{ width:14.28%}
#nav ul li a{ display:block; font-size:14px; color:#9f9f9f;text-shadow:0 1px 1px rgba(0,0,0,.75);}
#nav ul li a.nav_current span{ color:#fff; border-bottom:#fff 2px solid; padding:4px 0; }
.indexnav{ position:fixed; top:44px; width:100%; z-index:99;}

/*wap4.0banner下方快捷链接样式*/
.t_links{ text-align:center; padding:18px 0;}
.t_links li{ display:inline-block; text-align:center; padding:0 13px;}
.t_links li a span{ display:inline-block; width:25px; height:23px; margin:0 auto;}
.t_links li a span.t_cate{ background-position:-55px -35px;}
.t_links li a span.t_single{ background-position:-85px -35px;}
.t_links li a span.t_soon{ background-position:-115px -35px;}
.t_links li a span.t_logis{ background-position:-145px -35px;}
.t_links li a span.t_client{ background-position:-175px -35px;}

/*wap4.0今日上线新品*/
.shop_tit{ background:#f3f3f3; border-left:#eec474 4px solid; width:298px; margin:0 auto 5px auto; height:21px; line-height:21px;color:#969696; }
.shop_tit h1{ float:left; color:#4a4848; padding:0 6px;}
.shop_tit span{font-style:italic; padding:0 6px; }

/*wap4.0首页图片列表*/
.c-top{ padding-top:36px;}
.shop_list{ background:#fff; box-shadow:0px 2px 3px rgba(0,0,0,.1); width:302px; margin:0 auto 10px;}
.shop_list a{ display:block;}
.shop_list .pic{ position:relative;}
.shop_list .pic,.shop_list .pic a,.shop_list .pic a img{display:block;width:302px;height:145px;}
.shop_info{ height:33px; line-height:33px; padding:0 6px;}
.s_brand_name{ width:190px; overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow: ellipsis; color:#242424; font-size:14px;}
.discout span{ color:#d41572; font-size:14px; font-weight:bold;}
.time_brand{ position:absolute; right:0; top:0; background:rgba(0,0,0,.5); color:#fff; padding:2px 4px;}

/*wap4.0页码和返回顶部的样式*/
.pagediv{ width:302px; margin:0 auto;}
.backtop{ float:right; display:block; width:27px; height:27px; background-position:-55px -65px;}
.btn_more{ display:block; width:280px; margin:0 auto; padding:8px 0; text-align:center; color:#242424; font-size:13px; border:#c9c9c9 1px solid; border-radius:4px;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#eaeaea');/*IE7,IE8,IE9*/
 background:-ms-linear-gradient(top, #fcfcfc, #eaeaea);/*IE10*/
 background: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#eaeaea));}

/*wap4.0首页下方的服务链接*/
.s_links{ background:#fff; box-shadow:0px 2px 3px rgba(0,0,0,.1);margin:0 8px 10px; transition: all 0.30s ease-in-out;}
.s_links a{ display:block; height:44px; line-height:44px; border-bottom:#e0e0e0 1px solid; font-size:14px;}
.s_links a:last-child{ border-bottom:none;}
.s_links a span{ float:right; display:block;  width:7px; height:11px; background-position:-85px -65px; margin:16px 15px 0 0}
.s_links a em{ display:block; float:left; width:25px; height:18px; margin:13px 4px 0 3px;}
.s_links a em.s_tel{ background-position:-115px -65px;}
.s_links a em.s_sev{ background-position:-145px -65px;}
.s_links a em.s_qua{ background-position:-170px -65px;}
.s_links a em.s_mes{ background-position:-115px 0;}
.s_links a em.s_show{ background-position:-145px 0;}
.telnum{ float:right; padding-right:10px; color:#0881df}
.in_service{ border-radius:4px; overflow:hidden;}
.in_service a em{ margin:13px 4px 0 10px;}

/*wap4.0底部样式*/
.footer { width:320px; margin:0 auto;}
.footnav{ padding:10px 0; margin:0 8px; border-bottom:#cdcdcd 1px solid;}
.footnav a{ line-height:27px; color:#3366CC; margin:0 6px;}
.tabnav { text-align:center;}
.tabnav  a{ color:#004477; padding:8px 10px;display:inline-block; color:#858585;}
.tabnav a.cur{ color:#242424;}
.copright{ font-size:10px; text-align:center; padding-bottom:5px;}

/*wap4.0列表页样式*/
.thumb-mode{ background:#333; position:relative; }
.thumb-mode li{ float:left; width:33.3%; text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.75);}
.thumb-mode li a{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.75); display:block; padding:10px 0;border-left:#616161 1px solid;}
.thumb-mode li:nth-child(1) a{border-left:none}
.allgoods span,.available span{ display:inline-block; width:12px; height:12px; vertical-align:top;}
.allgoods span{ background-position:-140px -160px;}
.available span{background-position:-120px -160px;}
.allgoods{ color:#999!important;}
.drop_sort{position:absolute; left:0; top:35px;box-shadow:0 1px 3px rgba(0,0,0,.3); background:#fff; text-align:center; width:100%; z-index:100; line-height:33px;}
.thumb-mode li .drop_sort a{ float:left; display:block;font-size:14px; color:#9f9f9f;text-shadow:none; width:33.3%; text-align:center; margin:0;border:none;}
.drop_sort a.cur span{ color:#000; border-bottom:#000 2px solid; padding:3px 0;}
.drop_sort em{ display:block; position:absolute; left:50%; top:-8px; margin-left:-4px;border:4px solid #000; border-color:#333 #333 #fff #333; }
.brandtips{ width:100%; padding:5px 0;}
.brandtips .inner{ width:300px; margin:0 auto;}
.size_result{margin:0 auto;}
.size_result p{ background:#EEC474; color:#fff; float:left; padding:2px;}
.suppliers_send{ color:#3e3e3e; }
.suppliers_send span{ float:left; display:block; width:7px; height:11px; margin:2px 2px 0 0; background-position:-85px -83px;}
.sup_brand{ position:absolute; left:0; bottom:0; background:rgba(255,255,255,.8); color:#252525; padding:2px 4px;}
.re_time,.ptb2{ padding:2px 0;}
.re_time span{ float:left; display:block; width:11px; height:11px; background-position:-85px -95px;margin:2px 2px 0 0; }

/*wap4.0品牌故事*/
.brandtopdiv{ min-width:320px; max-width:540px; margin:0 auto 5px;}
.storypic{ height:120px; overflow:hidden; position:relative;}
.btn_story{ display:block; position:absolute; left:12px; top:50px; padding:5px 8px; border-radius:4px; background:#696968; color:#f8eeee; border:#f1eeea 1px solid;box-shadow:0px 2px 2px rgba(0,0,0,.2);}
.btn_story span{ display:block; float:left;width:11px; height:11px; margin:1px 2px 0 0; background-position:-170px -95px;}
.storybox{ padding:10px;}

/*wap4.0文章页样式*/
.articletext{ padding:20px 8px; font-size:14px; line-height:22px;}

/*wap4.0商品分类*/
.trasp{position:absolute; top:35px; width:100%; background:rgba(0,0,0,.6); z-index:9;}
.traspinner{position:relative;/*height:375px;*/}
.drop_cate{position:absolute;left:0;top:0;width:50%; height:auto;background:#e2e2e2; z-index:10;}
.drop_cate li {cursor:pointer; width:100%;border-bottom:#c6c6c6 1px solid; height:42px; line-height:42px; text-indent:20px;color:#242424;text-align:left; text-shadow:none;}
.drop_cate li h2.active{ background:#efefef; border-right:#efefef 1px solid; z-index:10; position:relative;}
.drop_cate li .category{ position:absolute; background:#efefef; top:0; left:50%; width:50%; height:100%; overflow:hidden; box-shadow:-1px 0 0 0px #ccc;}
.drop_cate li .category a{border-bottom:#e0e0e0 1px solid; border-left:none; height:42px; line-height:42px; text-indent:20px; color:#242424; text-align:left; padding:0;text-shadow:none; }
span.sz_seleted{ display:inline-block; width:18px; height:15px; background-position:-32px -120px; float:right; margin:14px 10px 0 0;}
.c_wrapper {position: relative;z-index:11;top:0;bottom:0;display:block;width:100%;overflow: auto;/*height:375px;*/border-bottom:#f02387 3px solid;}
.c_scroller {position: absolute;z-index:12;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;padding: 0;}
.drop_cate.right{right:0;left:auto;}
.drop_cate.right .category{background:#efefef;height:100%; overflow:hidden; box-shadow:-1px 0 0 0px #ccc;}
.drop_cate.right .category a{border-bottom:#e0e0e0 1px solid; border-left:none; height:42px; line-height:42px; text-indent:20px; color:#242424; text-align:left; padding:0;text-shadow:none; }

/*wap4.0大图式产品图的样式*/
.gridItem { text-align:center; padding:0; width:300px; margin:0 auto;}
.gridItem dl{ width:145px; background:#fff;overflow:hidden; display:inline-block;box-shadow:0px 1px 2px rgba(0,0,0,.1); margin:0 0 10px 0; }
.gridItem dl:nth-child(odd){ float:left;}
.gridItem dl:nth-child(even){ float:right;}
.gridItem dl dt{ position:relative;margin-bottom:5px;}
.gridItem dl dt.pic,.gridItem dl dt.pic img{display:block;width:145px;height:183px;}
.gridItem dl dd{ padding:0 5px;}
.pricebox{ line-height:16px; margin-bottom:5px;}
.b_goods_name{ white-space:nowrap; overflow:hidden; word-break:keep-all; text-overflow:ellipsis; text-align:left; color:#404040; margin-bottom:5px;}
.grallyprice{ font-family:Arial, Helvetica, sans-serif; color:#f02387; font-size:16px;}

/*wap4.0品牌约会样式*/
.dateItem{width:292px; margin:0 0 5px 0;}
.dateItem dl{ width:142px; margin:0 0 8px 0;position:relative;}
.dateItem dl a.ablock{width:142px;height:109px;}
.dateItem dl dt{width:142px;height:82px;}
.n_date{ text-align:center;}
.brand_block{ border-left:2px solid #dcdcdc; padding-left:10px; margin-left:10px;}
.bb_top{ height:28px; left:-19px; position:relative; margin-bottom:8px;}
.bb_top_tip{ float:left; height:28px; width:19px; background-position:-60px -135px;}
.bb_top_date{ float:left; height:28px; line-height:28px; padding:0 10px; background:#fff; border-radius:4px;box-shadow:0px 1px 2px rgba(0,0,0,.1);}
.bb_top_date span{ color:#252525}
.datetit{ text-align:center; font-weight:bold; margin:10px 0; color:#575555; line-height:17px;}
.dateheart{ display:inline-block; width:18px; height:15px; background-position:-60px -170px;}
.s_brand_logos a{ display:block; float:left; position:relative;margin:0 8px 8px 0; padding:12px; background:#fff;box-shadow:0px 1px 2px rgba(0,0,0,.1);}
.s_brand_logos a span{ position:absolute; bottom:0; left:0;z-index:9;width:100%; text-align:center; background:rgba(0,0,0,.3); line-height:20px; color:#fff;}
.logoover{display:block;position:absolute;top:0;left:0;z-index:10;width:90px;height:56px;background-color:rgba(0,0,0,0.3);}
.booked{ position:absolute;top:50%; left:50%;z-index:10;width:60px; height:24px;  margin:-12px 0 0 -30px;text-align:center; background:rgba(225,225,255,.6); border-radius:4px; color:#f11d77; font-size:11px; line-height:26px;}
.brandover{display:block;position:absolute;top:-1px;left:-1px;z-index:9;width:144px;height:83px;background-color:rgba(0,0,0,0.3);}
.booked em,.sbooked{ width:10px; height:10px; display:inline-block; background-position:-32px -145px; margin-right:2px;}
.sbooked{ background-position:-32px -160px;}

/*wap4.0美妆样式*/
.beauty_list{ width:304px; position:relative; background:#fff;overflow:hidden;box-shadow:0px 2px 3px rgba(0,0,0,.1); margin:8px auto 0;}
.beauty_list a{ display:block; position:relative;}
.beauty_list dt{ float:left; width:130px; padding:18px 0 0 0; position:relative;}
.beauty_list dd{ margin-left:140px; color:#808080; padding:13px 10px 13px 0; line-height:16px;}
.beauty_list .name{ color:#242424; line-height:14px; height:28px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis;}
.beauty_list .lmask{display: inline-block;*display: inline;padding:8px 0 0;margin-bottom: 0;*margin-left: .3em;font-size: 16px;text-align:center;color: #fff;position:absolute;z-index:20;bottom:10px;right:11px;width:45px;height:26px;background-color:rgba(255,255,255,0.4);*background-color: #efefef;}
.bl_time{ background:url(images/common/beauty_icon.png) no-repeat left -12px; padding-left:15px; background-size:14px; margin:2px 0 10px 0; line-height:12px; height:16px;}
.beauty_p_div{ margin-bottom:8px;}
.bl_num{ line-height:22px; background-size:14px;}
.bl_num span{ display:block; width:10px; float:left; height:9px; margin:5px 3px 0 0;background:url(images/common/indexicon.png) no-repeat; background-size:100px; background-position:-5px -2px;}
.beautyacount{ background:#eec474; padding:0 2px; border-radius:2px; color:#fff;}
.beautycart{position:absolute; right:12px; bottom:13px; background:#f73594; padding:3px 12px; border-radius:4px; z-index:10;cursor:pointer;}
.beauty_pice{ margin:0 5px; font-size:16px; color:#ed1484;}
.beautycart span{display:block; width:19px; height:18px; background-position:-145px -95px;}
.dashline2{ height:1px; border-top:1px #ccc dashed;margin:10px auto;}

/*wap4.0翻页样式*/
.page a{background:#fff; border:#c9c9c9 1px solid; line-height:33px; padding:0 15px; border-radius:4px; color:#242424; margin:0 3px;}
.page a.active{ color:#d7098c;border-color:#d7098c;}
.page span{ line-height:33px; margin-left:3px;}
.page .first:before,.page .prev:before,.page .next:before{display:inline-block;content:" ";}
.page .first:after{display:inline-block;content:"首页";clear: both;}
.page .prev:after{display:inline-block;content:"上一页";clear: both;}
.page .next:after{display:inline-block;content:"下一页";clear: both;}
/*wap4.0产品详细页图片样式*/
.goods_images{text-align:center;margin:0 auto;width:256px;height:323px;position:relative;z-index:1;overflow:hidden;}
.beauty_goods_images{ width:300px; height:198px;}
.goods_images li{text-align:center;display:block;float:left;width:256px;height:323px;text-align:center;font-size:0;line-height:0px;cursor:pointer;}
.slideControl{padding:5px 0 5px;position:relative;z-index:1;width:198px;margin: 0 auto;}
.slideControl div{text-align:center;line-height:1.3;color:#697279;}
.slideControl em {display:inline-block;width:4px;height:4px;font-style:normal;font-family:sans-serif;background:none; border:#9d9a9a 1px solid;overflow:hidden;margin:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:4px;border-radius:4px; text-indent:-9999px;}
.slideControl em.on {background:#9d9a9a; border:#9d9a9a 1px solid;}
.tab_content{ position:relative;}
.shareToBlog{ position:absolute; left:50%; top:0; margin-left:105px; width:50px;}
.good_salesize{padding:11px 0 0; border-top:#9d9d9d 1px dotted; margin-top:5px;}
.good_salesize .tit,.good_saleamount .tit{display:inline-block;float:left;line-height:20px;}
.link_ruler{ background:#f3cf89; float:left; color:#fff;  padding:0 5px;line-height:20px; border-radius:2px; display:inline-block; }
.good_sizechioce{display:inline-block;/*float:left;*/margin:10px 0 0;}
.good_sizechioce li{list-style-type:none;display:inline;float:left;margin:0 13px 8px 0;color:#858585;text-align:center; width:74px; height:28px; line-height:28px; overflow:hidden; word-break:break-all; white-space:nowrap;text-overflow:ellipsis;}
.good_sizechioce li.choose{border:1px solid #878787; background:#fff;cursor:pointer;}
.good_sizechioce li.none{border:1px solid #bcbcbc; background:#dddddd; background-position:-115px 0; text-decoration:line-through;}
.good_sizechioce li.select{border:1px solid #f02387; background:url(images/common/selected_new.png) no-repeat right bottom #fff; background-size:15px; color:#f02387;cursor:text;}
.goods_info{padding:0 9px 0;}
.product_detail{ width:304px; margin:0 auto; overflow:hidden;}
.product_detail img{ width:304px;}
.goods_info h1{color:#000000; font-size:14px; padding:10px 0 5px}
.pricediv{ padding-bottom:5px;}
.g_d_price{ color:#f02387; font-size:20px;}
.drop_size_detail{ padding:13px 0;border-top:#9d9d9d 1px dotted;border-bottom:#9d9d9d 1px dotted;}
#Size_Con{height:180px;}
.SizeWrapper{position:relative;z-index:1;display:block;overflow:auto;height:180px;}
.SizeScroller{position:absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:500px;padding:0;}
.SizeScroller_l{position:absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:1000px;padding:0;}
.seldout{ width:54px; height:54px; background-position:-60px 0; position:absolute; top:50%; left:50%; margin:-27px 0 0 -27px;}

/*固定在底部的购物按钮样式*/
.bottomdiv{ position:fixed; bottom:0; width:100%;background:#fff;box-shadow:0px -1px 2px rgba(0,0,0,.1); border:#ddd 1px solid; border-top:#fff 1px solid; z-index:99; }
.bottomdiv .inner{ padding:10px 10px; display:block;position:relative;}
.bottomdiv .inner .lmask{display: inline-block;*display: inline;padding:8px 0 0;margin-bottom: 0;*margin-left: .3em;font-size: 16px;text-align:center;color: #fff;position:absolute;z-index:20;top:10px;right:10px;width:152px;height:29px;background-color:rgba(255,255,255,0.4);*background-color: #efefef;}
.cart_time{ position:relative; padding-top:10px;}
.carticon{background-position:-10px -35px;display:block; width:19px; height:18px;}
.num_cart{ position:absolute; top:6px; left:12px; width:14px; height:14px; text-align:center; line-height:14px; background:#f02387; border-radius:7px; color:#fff;}
.num_cunt{ line-height:18px; padding-left:8px; font-style:italic; color:#585858; font-size:16px; font-family:Aparajita; font-weight:bold;}

/*详细页七天退款正品保障的样式*/
.nonsupport{ margin:10px 0; color:#242424;}
.nonsupportod{ margin:4px 0 0 0; float:left;}
.nonsupport span{ display:inline-block; float:left; width:10px; height:10px; margin:3px 3px 0 0;background-position:-120px -180px;}
.introduce{ border-bottom:#D3D3D3 1px solid; border-top:#c9c8c8 1px solid; padding:15px 0; margin:5px 0 15px;}
.introduce li{ float:left; width:33%; text-align:center; color:#9e9e9e;}
.introduce li:nth-child(2){ border-left:#d3d3d3 1px solid; border-right:#d3d3d3 1px solid;}
.introduce span{ display:inline-block; width:46px; height:46px;}
.introduce span.promise_zp{ background-position:-120px 0;}
.introduce span.quily_fh{ background-position:-120px -50px;}
.introduce span.seven_return{ background-position:-120px -100px;}
.introduce span.golden_sevices{ background-position:right bottom;}
.moreimg{ width:15px; height:12px; display:inline-block; vertical-align:top; background-position:-32px -180px; margin:2px 5px 0 0}
.Origin{ border-bottom:#e3e3e3 1px solid;border-top:#e3e3e3 1px solid;position:relative; margin:15px 0 0 15px; padding:5px 0 5px 45px; color:#9e9e9e}
.Origin span{ display:block; position:absolute; top:-6px; left:-15px;width:53px; height:52px; background-position:0 -120px;}
.dashline3{ border-bottom:1px dotted #C9C8C8; margin:15px 0;}

/*小图点大图的样式*/
.layer_close{ position:absolute; top:0; left:0; z-index:9999; padding:10px 30px 30px 10px;}
.layer_close span{height:30px; display:block; width:30px; border-radius:15px; background:#ACACAC;}
.layer_close span i{ width:9px; height:16px; background-position:-55px -95px; height:-95px; display:inline-block; margin:7px 0 0 0;}
.p_detail_hd p{ border-bottom:1px dotted #C9C8C8; padding:10px 0;}

/*产品详细页购买时进入尺寸数量选择页面*/
.pl14{ padding-left:14px;}
.bigpic{ text-align:center; position:relative;}
#bid_goods{text-align:center;margin:0 auto;width:320px;height:440px;overflow:hidden; position:relative;}
#scroller_BPro{margin:0 auto;}
#scroller_BPro li{display:block;width:320px;height:404px;text-align:center;font-size:0px;line-height:0px;}
#bid_goods nav {padding:5px 10px 0;height:30px;position:relative;z-index:1;}
#Bpro_pagination em {display:inline-block;width:6px;height:6px;font-style:normal;font-family:sans-serif; border:#fff 1px solid;overflow:hidden;margin:0 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px; text-indent:-9999px;}
#Bpro_pagination em.on {background:#fff;}
#bid_goods nav #prev,#bid_goods nav #next {float:left;padding:0;width:22px;height:22px;text-align:left;background:url("../images/common/slide.png") no-repeat;}
#bid_goods nav #prev{background-position:0 0;}
#bid_goods nav #next{float:right;text-align:right;background-position:0 -22px;}

/*wap4.0购物车版本－拆单*/
.cartdiv{ background:#fff; margin:0px 7px 10px; border-radius:4px;box-shadow:0px 2px 3px rgba(0,0,0,.1);}
.cartlist{position:relative; padding:8px 6px 0; }
.cartlist:last-child{ border-bottom:none;}
.cartlistinner{ padding:0 5px 8px; min-height:101px; position:relative;border-bottom:#cfcfcf 1px dashed;}
.cart_g_name{ font-size:13px; color:#000; line-height:16px; height:32px; overflow:hidden;}
.cart_b_name{white-space:nowrap; word-break:keep-all;  overflow:hidden; text-overflow:ellipsis;}
.protips{ float:left; padding:2px 4px;background:#eec474; background-size:14px; color:#fff;}
.protips a{ color:#fff;}
.cart_total{ color:#242424; font-size:14px;}
.c_t_price{ color:#f02387; font-size:18px;}
.cart_time_smb{ padding-right:20px;}
.clockicon{ width:13px; height:13px; margin-top:12px; display:block; background-position:-115px -95px;}
.cart_time_smb .num_cunt{ color:#fff; padding-left:5px;}
.singtotale{ background-color:#f9deef; padding:4px;}
.order_sendby{ height:28px; padding-right:20px; margin-left:7px; max-width:200px;white-space:nowrap; word-break:break-all;  overflow:hidden; text-overflow:ellipsis; background:url(../images/common/order_sendby.png) right bottom no-repeat; background-size:241px;}
.order_sendby span{ height:28px; display:block; padding-left:10px;float:left; max-width:200px; overflow:hidden;text-overflow: ellipsis; background:url(../images/common/order_sendby.png) left top no-repeat; background-size:241px; line-height:28px; font-weight:normal; color:#8c8a8a; }
.payonline { padding:10px 0 0 20px; font-size:14px; margin-left:10px; position:relative;}
.alink_bonus{ float:left; line-height:24px;/* padding-left:12px; background:url(images/common/rightway.png) left center no-repeat; background-size:10px*/}
.pro_tips{ padding:12px 0 0; border-top:#808080 1px dashed; color:#3984b8; margin-top:10px;}
.total_mon{ color:#404040;  margin-top:10px; line-height:22px; background:#f9deef; border:#f2cbe4 1px solid; border-radius:4px;}
.goods_company{ margin-bottom:10px;}
.total_mon p{ padding:8px 5px 8px 15px; border-bottom:#f2cbe4 1px solid; font-size:14px;}
.total_mon p:last-child{ border-bottom:none;}
.total_mon p span{ margin-right:15px;}
.compaysend{ padding:8px 0 0}
.mrl5{ margin:0 5px;}
.c_price{ color:#f02387; font-size:16px; line-height:16px;}
.btn_bounus{box-shadow:0 1px 1px rgba(0,0,0,.1);  padding:5px 20px; color:#fff; border-radius:2px;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68c436',endColorstr='#50ad1d');/*IE7,IE8,IE9*/
 background:-ms-linear-gradient(top, #68c436, #50ad1d);/*IE10*/
 background: -moz-linear-gradient(top, #68c436, #50ad1d);
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#68c436), to(#50ad1d)); border:#50ad1d 1px solid;}
.cart_orderlist_info{ margin:0 50px 0 80px; overflow:hidden;}
.cart_orderlist_i{ position:absolute; left:0; top:0; width:80px;}
.cart_orderlist_p{ position:absolute; right:0; top:0; width:50px; text-align:right; padding:0 0 10px 0}
.cart_orderlist_p span{ display:block;}
.multibuy{ float:left; margin:0 10px 0 0; position:relative;}
.multibuy em{ display:block; width:15px; height:15px; position:absolute; top:-5px; right:-5px; background:url(images/common/shut.png?20130705) no-repeat; background-size:15px;}

/*买赠提示*/
.mz_info dt{ float:left; background:#555; color:#ffffff; text-align:center; padding:0 2px; margin:0 3px 0 0; font-weight:normal; border-radius:2px;}
.shipping{ margin-top:5px;}
.icon_bonus,.icon_card,.icon_coupon{ width:50px; float:left; height:18px; background:url(images/common/cart_bonus_icon.png) no-repeat; background-size:52px;}
.icon_bonus{ background-position:0 -120px;}
.icon_card{ background-position:0 -60px;}
.icon_coupon{background-position:0 0;}
.usebonus{ padding:8px 0;}
.use_bouns{ margin:10px 0;}
.cartlistinner .delete{ position:absolute; bottom:8px;right:0px; padding:5px;}
.user_orderlist_r{ float:left; padding:0px 0 0 5px; overflow:hidden; width:195px;}

/*wap4.0使用礼券样式*/
.w33 li{ width:33%!important;}
.dj_content,.dj_content1,.dj_content3,.dj_content3.selected{color:#fff;width:303px;height:111px; margin:0 auto 10px;background:url(../images/common/dj_bg.png) no-repeat; background-size:303px;}
.dj_content1{background:url(images/common/dj_bg_01.png) no-repeat;background-size:303px;}
.dj_content3{background:url(images/common/dj_bg_02.png) no-repeat;background-size:303px;}
.dj_content3.selected{background:url(images/common/dj_bg_03.png) no-repeat;background-size:303px; }
.dj_content5,.dj_content6{color:#fff;width:135px; padding-top:85px; margin:50px auto 0; height:60px; text-align:center; color:#858585;background:url(../images/common/zanw_03.png) no-repeat; background-size:135px;}
.dj_content6{background:url(images/common/zanw_02.png) no-repeat; background-size:132px 70px;}
.dj_content .li_content{width:185px; height:100px; padding-left:20px; padding-top:8px; line-height:24px; float:left;}
.li_content strong{ font-size:24px;}
.clickusebonus{ float:right; width:98px; line-height:111px; text-align:center; color:#52c7e9; font-size:18px;}
.resouce{ float:right; width:78px; padding:0 10px; text-align:center; padding-top:35px; color:#858585}
.fhse{ color:#e577b7;}
.doubleline{ border-top:#b9b9b9 1px solid; border-bottom:#fff 1px solid; margin:20px 0 15px;}
.dj_content3 .li_content3{width:200px; height:100px; padding-left:100px; padding-top:10px; line-height:22px; position:relative; overflow:hidden;}
.li_content3 h2{ color:#ffffff; font-size:14px;font-weight:normal;}
.li_content3 h3{ font-size:20px;font-weight:normal; margin:15px 0 15px;}
.dj_content4{ width:240px; margin:0 auto 20px;}
.btn_djblue,.btn_fhse,.btn_huangse{height:35px; padding:0 13px; text-align:center; line-height:35px;box-shadow:0 1px 0px rgba(0,0,0,0.3);border-radius:2px; color:#fff; font-size:12px; font-weight:bold; border:none;cursor:pointer; display:inline-block;}
.btn_djblue{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57c8e9',endColorstr='#50c1e2');/*IE7,IE8*/background:-ms-linear-gradient(top, #57c8e9, #50c1e2);/*IE10*/background: -moz-linear-gradient(top, #57c8e9, #50c1e2);background: -webkit-gradient(linear, 0 0, 0 100%, from(#57c8e9), to(#50c1e2)); border:#50c1e2 1px solid;}
.btn_fhse{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e479b7',endColorstr='#dc71af');/*IE7,IE8*/background:-ms-linear-gradient(top, #e479b7, #dc71af);/*IE10*/background: -moz-linear-gradient(top, #e479b7, #dc71af);background: -webkit-gradient(linear, 0 0, 0 100%, from(#e479b7), to(#dc71af)); border:#dc71af 1px solid;}
.btn_huangse{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c04d',endColorstr='#edb845');/*IE7,IE8*/background:-ms-linear-gradient(top, #f5c04d, #edb845);/*IE10*/background: -moz-linear-gradient(top, #f5c04d, #edb845);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5c04d), to(#edb845));border:#edb845 1px solid;}
.djdate{ text-align:right; padding-right:15px;}
.djdate span{ padding-left:20px; font-size:12px;}
.djtips{ padding:10px 9px 0; font-size:14px;}
.djtips .fblod{ color:#252525;}
.jh_accout{ margin:0 auto; text-align:center; position:relative;}
.jh_accout .text_input{ background:#fff; border:#cccccc 1px solid;}
.inputtips{ width:70px;left:50%; text-align:left; margin:0 auto;margin-left:-145px;  position:relative; position:absolute; z-index:99; display:none;}
.inputtips p{ float:left; background:#F9339B; color:#fff; padding:3px 5px; margin-top:8px; }
.inputtips span{ position:absolute; top:2px; left:10px;border-color:#e8e8e8 #e8e8e8 #F9339B #e8e8e8; border-style: solid;border-width: 1px 5px 5px 5px;}
.textlink{ padding:4px 5px; background:#EEC474; border:#e4b762 1px solid; color:#fff; font-size:14px; margin:10px;}
.usebones{ color:#0e80e1; font-size:14px; font-weight:bold;}
.bonustip{ padding:10px 8px; color:#999; text-align:center;}

/*wap4.0结算页面新版*/
.userdiv{  background:#fff; margin:0px 8px 10px; border-radius:4px;box-shadow:0px 2px 3px rgba(0,0,0,.1); position:relative; overflow:hidden}
.checktit,.orderlisttit,.checkdetail{ height:33px; line-height:33px; color:#242424; font-size:14px; border-bottom:#e5e5e5 1px solid;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#f3f3f3');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #f8f8f8, #f3f3f3);/*IE10*/ background: -moz-linear-gradient(top, #f8f8f8, #f3f3f3);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f3f3f3));}
.checktit span{ float:left; display:block; width:14px; height:17px; margin:8px 5px 0 10px; }
.checktit span.receive_time{ background-position:0 -25px;}
.checktit span.pay_way{ background-position:0 -50px;}
.checktit span.pay_sum{ background-position:0 -75px;}
.checkcon{ padding:12px 12px 12px 12px; font-size:14px; position:relative;}
.check_addr{ white-space:nowrap; overflow:hidden; word-break:break-all;text-overflow:ellipsis}
.check_arrow{ position:absolute; right:10px; bottom:15px; display:block; width:7px; height:11px; background-position:-85px -65px;}
.up_arrow{ position:absolute; right:10px; bottom:18px; display:block; width:11px; height:7px; background-position:-97px -68px;}
.sumtotal p{ border-bottom:#cfcfcf 1px dashed; padding-bottom:12px; margin-bottom:12px;}
.sumtotal p:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.companyname{padding-right:15px; font-size:12px;}
.invoice{font-size:14px;padding:0 12px 12px;position:relative;}
.invoice h3{padding:12px 0 0;font-size:14px;font-weight:normal;}
.check_addr{ white-space:nowrap; overflow:hidden; word-break:break-all;text-overflow:ellipsis}

/*wap4.0注册登录样式*/
.connerdiv{ padding:10px 8px;}
.connerbox{ margin-bottom:10px; background:#fff; border-radius:4px; border:#dadada 1px solid; box-shadow:0px 1px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.1) inset;-moz-box-shadow:0px 1px 2px rgba(0,0,0,.1) inset;}
.connerbox dd{ padding:6px 10px; font-style:normal; font-size:14px; border-bottom:#e0e0e0 1px solid;}
.connerbox dd span{ float:left; display:inline-block; line-height:30px;}
.connerbox dd:last-child{ border-bottom:none;}
.connerbox .text_input{ background:none; border:none; width:238px; height:30px;}
.testcode{ height:24px; border:#ccc 1px solid!important; background:#fff!important;border-radius:0; width:80px;}
.forgetkey{ color:#3366CC; font-size:14px;}
.partnerlogo{ border-top:#cecece 1px dashed; margin:20px 0; padding:20px 0;}

/*wap4.0我的账户新版样式*/
.userinfo{ padding:12px 14px; line-height:18px;}
.username{ font-size:14px; color:#242424;}
.orderList li{ float:left; padding:12px 0; width:33%; text-align:center;}
.orderList a{ display:block; border-right:#cccccc 1px dashed;}
.orderList li:last-child a{ border-right:none;}
.orderList a span,.returnok span{ display:inline-block; position:relative; width:37px; height:30px; background:url(../images/common/usericon.png) no-repeat; background-size:70px;}
.orderList a span.wait_pay{ background-position:0 0;}
.orderList a span.wait_delivery{ background-position:0 -70px;}
.orderList a span.all_orders{ background-position:0 -35px;}
.orderList a span em{ position:absolute; top:-6px; right:-3px; width:12px; height:12px; border-radius:6px; background:#f02387; text-align:center; line-height:12px; color:#fff; font-style:normal;}
.in_user_center{ border-radius:4px; overflow:hidden; font-size:14px;}
.in_user_center a em{ width:20px; height:18px; margin:13px 8px 0 10px; background:url(../images/common/usericon.png) no-repeat; background-size:70px;}
.in_user_center em.s_addr{ background-position:-50px 0}
.in_user_center em.s_wallet{ background-position:-50px -25px}
.in_user_center em.s_bouus{ background-position:-50px -50px}
.in_user_center em.s_card{ background-position:-50px -75px}
.in_user_center em.s_message{ background-position:-50px -100px}
.in_user_center em.s_sevice{ background-position:-50px -125px}
.in_user_center em.s_back{ background-position:-50px -150px}
.in_user_center em.s_count{ background-position:0 -150px}
.in_user_center .tel_num{ float:right; padding-right:15px; color:#f02387}
.btn_out{ padding:5px 16px; color:#4c4c4c; margin-top:3px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#efeeee');/*IE7,IE8*/background:-ms-linear-gradient(top, #fafafa, #efeeee);/*IE10*/background: -moz-linear-gradient(top, #fafafa, #efeeee);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efeeee));border-radius:2px; font-size:12px;border:none;cursor:pointer; display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,0.1); border:#ccc 1px solid;}

/*wap4.0唯品钱包样式*/
.in_wallet,.in_return,.in_feedback{ border-radius:4px; overflow:hidden; font-size:14px;}
.in_wallet a,.in_return a{ padding-left:10px;}
.in_feedback a{ overflow:hidden; padding-left:10px;}
.checkbox-container span{ margin:0; border-style: solid;border-width: 1px;border-color: #BBBBBB #DDDDDD #DDDDDD;border-right: 1px solid #DDDDDD;border-radius: 2px;height: 18px;width: 18px;
padding:0 0 0 2px;position:absolute; left:-5px; top:10px;-webkit-appearance: none;-moz-appearance: none;}
.checkbox-container span img{display:none;}
.totalwallet{ float:left; margin-right:20px;background:#b77598; height:55px;border-radius:3px 0 0 3px; padding:18px 20px 0;color:#fff; text-align:center;}
.totalwallet span{ display:block;}
.walltlist{ height:36px; line-height:36px; padding:0 20px; border-bottom:#e3e3e3 1px solid;}
.wallethd{float:left; height:66px; line-height:66px; width:75px;text-align:center; background:none; border-right:#ccc 1px solid; color:#252525; margin-right:10px;}
.walletinfo{ height:54px; overflow:hidden; line-height:18px; padding:6px 0;}
.in_w{ float:left; margin:8px 0 0 10px;}
.in_w02{ float:left; margin:8px 0 0 10px; background:#d1d1d1; border:#ccc 1px solid; color:#fff;}
.bindtel{ float:left; width:63%; line-height:40px; font-size:14px;}

/*wap4.0支付结果页面*/
.payreuslttip{ margin:10px 8px; font-size:14px; color:#242424; font-weight:bold;}
.checkdetail{ border-bottom:none; border-top:#e5e5e5 1px solid;}
.checkdetail a{ display:block; text-align:center; color:#242424;}

/*wap4.0唯品客服*/
.in_feedback p.feedbacktips{ float:left;width:160px;word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000;}
.feedtime{ float:right; font-size:11px; padding-right:5px;line-height:44px;}
.usermess{ position:relative; padding-left:50px; }
.vipmess{ position:relative; padding-right:50px;}
.messbox{background:#fff; border-radius:4px; position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.messbox dt{ padding:0 10px; line-height:25px; border-bottom:#ccc 1px solid;}
.vipmess dd,.usermess dd{ padding:8px; font-size:14px;}
.userhead,.viphead{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; display:block;}
.userhead{ left:8px; background-position:-60px -65px;}
.viphead{ right:8px; background-position:-60px -100px;}
dd.squar_l{ z-index:10; position:absolute; top:50%; margin-top:-3px; left:-12px; padding:0; border:6px solid #fff; border-color:transparent #fff transparent transparent; border-style:dashed solid dashed dashed;}
dd.squar_r{ z-index:10; position:absolute; top:50%; margin-top:-3px; right:-12px; padding:0; border:6px solid #fff; border-color:transparent transparent transparent #fff; border-style:dashed dashed dashed solid;}
.feeback li{ width:50%!important;}

/*wap4.0地址选择页面*/
.addr_box{ padding:10px; line-height:22px; color:#242424; background:url(../images/common/addr_top_bg.jpg) repeat-x; background-size:36px;}
.selected_addr{ border:#f02387 1px solid;}
span.sele_addr{ display:none;}
.selected_addr span.sele_addr{ position:absolute; left:0; bottom:0; display:block; width:18px; height:18px; background-color:#f02387; border-radius:1px; background-position:-30px -45px;}
.addr_tel{ padding-left:20px; }
.addr_ope{ border-top:#ccc 1px dashed; margin:0 10px;}
.addr_ope a{ float:right; padding:10px 0 10px 24px;}
.addr_ope a span{ display:block; float:left; height:15px; width:14px; padding-right:3px;}
.addr_ope a span.edi{ background-position:-32px 0}
.addr_ope a span.delete{ background-position:-32px -27px;}

/*wap4.0各种缺省页样式*/
.nullicon,.ordersuccess{ text-align:center; margin:50px auto; font-size:14px;}
.ordersuccess{ margin:20px auto;}
.orderfail{ margin:0 auto;}
.n_order,.n_wallet,.n_cart,.n_message,.succed_checked,.fail_checked,.n_finder{ width:100px; height:100px; display:inline-block; background:url(../images/common/nullicon.png) no-repeat; background-size:200px;}
.n_order{ background-position:-100px 0;}
.n_wallet{ background-position:0 -100px;}
.n_cart{ background-position:0 0;}
.incart{ display:inline-block; width:50%; margin-top:10px;}
.n_message{background-position:-100px -100px;} 
.succed_checked{background-position:0 -200px;}
.fail_checked{background-position:-100px -200px;}
.n_finder{ background-position:0 -300px;}

/*wap4.0订单列表样式*/
.orderlistdiv{ padding:10px; position:relative;}
.orderlistdiv .pro{ position:absolute; top:10px; left:10px;}
.orderbtns{ position:absolute; left:78px; top:50px;}
.orderbtns a{ margin-right:8px;}
.orderlisttit{ padding:0 10px;}
.orderRlink{min-height:69px;}
.orderlistdiv .cart_orderlist_info{ margin:0 40px 0 65px; line-height:18px;}
.rightrow{ position:absolute; top:50%; right:10px; display:block;  width:7px; height:11px; background-position:-85px -65px; margin:-5px 0 0 0}

/*wap4.0订单详情样式*/
.orderdeatilbox{padding:8px; line-height:22px; font-size:14px;}
.orderdeatil{ position:relative; padding:0 0 8px 0; margin-bottom:8px; border-bottom:#ccc 1px dashed;}
.orderdeatil:last-child{ border-bottom:none; padding:0; margin:0;}
.orderdeatil em,.cartlist em{ font-style:normal;}
span.tit_h{ color:#242424;}
.or_price p{ padding:3px 0;}
.logistics{ padding:10px 0;}
.logistics span{ display:block; width:255px; height:39px; margin:0 auto; background:url(../images/common/logistics.png) no-repeat; background-size:255px;}
.logistics span.step01{ background-position:0 0}
.logistics span.step02{ background-position:0 -50px;}
.logistics span.step03{ background-position:0 -100px;}
.logistics span.step04{ background-position:0 -150px;}
.logistics span.step05{ background-position:0 -200px;}
.logistics span.step06{ background-position:0 -250px;}
.canclorder{ margin:0 10px; width:50%; text-align:center;}
.changeaddr{  display:block; float:left; height:15px; width:14px; margin:7px 3px 0 0;background-position:-32px 0}

/*wap4.0退换货流程*/
.return .order_id{ margin-top:25px;}
.in_return a i{ float:right; display:block;  width:17px; height:12px; margin:16px 15px 0 0}
.in_return a i.seleted{background-position:-32px -65px;}
.returnok{ text-align:center; margin:30px auto 35px; color:#242424; font-size:16px;}
.returnok span{ display:inline-block; background-position:-5px -125px; width:24px; height:24px;}

/*wap4.0支付方式*/
.in_pay ul li{ border-bottom:#e0e0e0 1px solid; padding:10px 0 10px 10px; height:32px; line-height:32px; font-size:14px;}
.in_pay ul li:last-child{ border-bottom:none;}
.in_pay ul li input{ float:left; margin:8px 5px 0;}
.payicon,.walleticon,.icbc,.ccb,.cmb{ display:inline-block; float:left;width:50px; height:32px; background:url(../images/common/payicon.png) no-repeat; background-size:200px;}
.weixin{ background-position:0 0;}
.cash{ background-position:0 -32px;}
.pos{ background-position:0 -64px;}
.zfbapp{ background-position:0 -96px;}
.zfbwap{ background-position:0 -160px;}
.icbc{ background-position:-50px -64px; height:32px; width:98px; margin-left:10px;}
.ccb{ background-position:-50px -32px; height:32px; width:83px;margin-left:10px; }
.cmb{ background-position:-50px -95px; height:32px; width:74px;margin-left:10px; }
.walleticon{ width:36px; height:27px; margin:5px 5px 0 7px; background-position:-50px 0;}
.payinwallet{ padding:10px 10px; border-bottom:#e0e0e0 1px solid;}
.payinwallet p.fontdark{ font-size:16px;}
.radio-box,.radio-selted{ display:block; float:left; width:15px; height:15px; margin:8px 5px 0 2px; background-position:0 -120px;}
.radio-selted{ background-position:0 -100px;}
.check-box,.check-selted{ display:block; float:left; width:18px; height:18px; margin:8px 5px 0 2px; background-position:0 -140px;}
.return .check-box{margin:25px 5px 0 2px;}
.check-selted{ background-position:0 -160px;}

/*wap4.0分仓定位*/
.whlogo{ margin:13px 0 0 18px;}
.layerdiv{ position:fixed; top:0; left:0; width:100%; z-index:2;padding:5px 10px; font-size:14px; background: rgba(0,0,0,.8); color:#fff; text-align:center;}
.province{ padding:0 15px 0 20px; color:#fff; position:relative; display:block;}
.province i{ background:url(../images/common/diwei.png) no-repeat; background-size:15px; width:15px; height:20px; display:block; position:absolute; left:0; top:7px;}
.topHeader{height:37px;overflow:hidden;}
.search_city{ margin:10px; border:#ccc 1px solid; border-radius:8px; background:url(../images/common/magnifier.png) no-repeat left center; background-size:20px;}
.text_search_city{ width:90px; padding-left:20px; border:none; background:none; height:26px;}
.position-city{ float:left;color:#252525; margin:2px 0 0 8px; font-size:12px;}
.province_hd{ display:block; line-height:32px; text-indent:10px; background:#898989; color:#fff; font-size:14px;}/*firefox*/
.province_td a{ display:block; line-height:40px; border-bottom:#e0e0e0 1px solid; text-indent:10px; font-size:16px; color:#000;}
.province_td a:last-child{ border-bottom:none;}
.defaul_stores span{ color:#b44b82;margin-left:5px;}
.defaul_stores{font-size:14px;}
.btn_stores img{ margin:8px -5px 0 10px; float:left;}

/*注册登录提示面*/
.messtit{ font-size:14px; color:#696969;}
.messlink{ padding-top:10px; text-align:center;}
.messlink a{ display:inline-block;}

/*底部购物袋样式*/
.shoppingbags{ position:relative; position:fixed; bottom:10px; left:10px;z-index:100; background:rgba(0,0,0,.85); border-radius:4px; }
.shoppingbags a{display:block; padding:10px; position:relative;}
.flow_carticon{ display:block; float:left; width:18px; height:17px; background-position:-145px -95px;}
.flow_cart_time{ line-height:17px; font-style:italic; margin-left:5px; color:#ebebeb;}
.flow_cart_num{ position:absolute; left:22px; top:4px; width:10px; height:10px; text-align:center; line-height:10px; border:#fff 1px solid; background:#f02387; border-radius:6px; color:#fff; font-size:10px;}

/*wap4.0关于唯品会－正品保障*/
.aboutcontent{ min-width:320px; max-width:540px; margin:0 auto; background:#fff;}
.vipinner{ padding:0 9px;}
.vipinner img{ width:100%; vertical-align:top;}
.dashline_aboutvip{ border-top:#cfcfcf 1px dashed; height:1px; margin:10px 0;}
.space10{ height:10px; clear:both; overflow:hidden;}

/*wap4.0唯品会下载页面样式*/
.phoneimg{ width:150px; height:293px; margin-left:5px; background:url(../images/common/client_iphone.jpg) no-repeat; background-size:150px;}
.down_iphone{ padding-top:20px;}
.androidimg{background:url(../images/common/client_android.jpg) no-repeat; background-size:150px;}
.miximg{background:url(../images/common/client_mix.jpg) no-repeat; background-size:150px;}
.downlink{ padding-top:45px;}
.mixlink{ padding-top:20px;}
.downlink h2{ font-size:20px; color:#2b2a2a; text-shadow:0 1px 0 #fff; line-height:normal; padding-bottom:8px;}
.downlink h3{ font-size:15px; color:#404040; text-shadow:0 1px 0 #fff; margin:0 0 15px; }
.btn_applink{ display:inline-block; width:159px; height:45px; background:url(../images/common/btn_applink.png) no-repeat; background-size:159px;}
.btn_applink span{ color:#fff; padding:8px 0 0 18px; display:block;}
.btn_mix{ display:block; margin:10px 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3');/*IE7,IE8*/background:-ms-linear-gradient(top, #ffffff, #f3f3f3);/*IE10*/background: -moz-linear-gradient(top, #ffffff, #f3f3f3);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3)); border:#000 1px solid; border-radius:4px; }
.mix_iph,.mix_and{ display:block;width:158px; height:45px;background:url(../images/common/btn_and_iph.png) no-repeat; background-size:158px;}
.mix_iph{ background-position:left bottom}
.mix_and{ background-position:left top;}

/*banner样式*/
/*触屏代码 - 2012-08-24*/
#wrapper_banner{text-align:center;margin:0 auto; min-width:320px; max-width:540px;position:relative;z-index:1;}
#scroller_lBer{margin:0 auto;}
#scroller_lBer li{font-size: 12px;text-align:center;display:block;width:100%;text-align:center;font-family:georgia;font-size:18px;line-height:140%;}
#scroller_lBer li a{display:block;;}
#scroller_lBer li img{width:100%;display:none;}
#wb_position {text-align:center;line-height:1.3;color:#697279;display:block;position:absolute;bottom:5px;left:50%;margin-left:-75px;width:150px;}
#wb_position em {display:inline-block;width:8px;height:8px;font-style:normal;text-shadow: 0 -1px 0 rgba(0,0,0,.35);font-family:sans-serif;background:#999;overflow:hidden;margin-right:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
#wb_position em.on {background:#fff;}


/*产品详细页购买时进入尺寸数量选择页面*/
.goods_size span{ display:inline-block;padding:6px 8px; line-height:none; border:#d5d5d5 1px solid; margin:0 10px 0 0; font-size:11px;}
.user_orderlist_r .goods_size span{ margin:0 10px 0 0}
span.size_cur{ border:#e52b8d 1px solid; background:url(../images/common/size-selected.png) no-repeat right bottom; color:#e52b8d;}
span.unavailable{ border:#e8e8e8 1px solid; color:#e8e8e8}
.good_data_num {overflow: hidden;border: 1px solid #d5d5d5;width: 90px;height: 28px;float:left;}
.good_data_num em{font-style:normal;}
.good_data_num span {width: 28px;height: 28px;float: left;display: inline;font-size:20px;font-weight:bold;line-height:28px;font-family: "Courier New", Courier, monospace;text-align:center;}
.good_data_num_l {cursor: default;border-right:1px solid #eee;}
.good_data_num span.good_data_num_l_act a{cursor: pointer;color:#666;}
.good_data_num_r {cursor: pointer;border-left:1px solid #eee;}
.good_data_num_l a,.good_data_num_r a{display:block;height:28px;color:#666;}
.good_data_num_l a{color:#ddd;background:#f0f0f0;}
.good_data_num span.good_data_num_r_act a{cursor: default;color:#ddd;background:#f0f0f0;}
.good_data_num_r a,.good_data_num span.good_data_num_l_act a{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#E4E4E4');/*IE7,IE8*/background:-ms-linear-gradient(top, #ffffff, #E4E4E4);/*IE10*/background: -moz-linear-gradient(top, #ffffff, #E4E4E4);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E4E4E4));}
.good_data_num_m {float: left;display:inline;width:32px;line-height:27px;background-color: #fff;cursor: default;text-align: center;font-size:14px;}
.good_data_Text{display:inline;float:left;height:28px;line-height:28px;padding:0 0 0 10px;}
.good_data_Text span{font-size:14px!important;color:#f9339b;padding:0 5px;}

/*快捷方式到主屏幕*/
#addToHomeScreen {z-index:9999;-webkit-user-select:none;-webkit-box-sizing:border-box;width:250px;font-size:15px;padding:10px 15px 10px 10px;text-align:left;font-family:helvetica;border:1px solid #ccc;-webkit-border-radius:10px;-webkit-background-clip:padding-box;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.75);line-height:130%;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);background:#f3f3f3;}
#addToHomeScreen .bTi{font-weight:bold;font-size:14px;}
#addToHomeScreen.addToHomeIpad {width:268px;font-size:18px;padding:14px;}
#addToHomeScreen.addToHomeWide {width:296px;}
#addToHomeScreen.addToHomeIpad.addToHomeWide {width:320px;font-size:18px;padding:14px;}
/* The balloon arrow*/
#addToHomeScreen .addToHomeArrow {position:absolute;background:#f3f3f3;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;width:16px; height:16px;-webkit-transform:rotateZ(45deg);bottom:-9px; left:50%;margin-left:-8px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1);-webkit-border-bottom-right-radius:2px;}
/*The balloon arrow for iPad*/
#addToHomeScreen.addToHomeIpad .addToHomeArrow {-webkit-transform:rotateZ(-135deg);background:#f3f3f3;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1);top:-9px; bottom:auto; left:50%;}
/*Close button*/
#addToHomeScreen .addToHomeClose {-webkit-box-sizing:border-box;position:absolute;right:4px;top:4px;width:18px;height:18px; line-height:14px;text-align:center;text-indent:1px;-webkit-border-radius:9px;background:rgba(0,0,0,0.12);color:#707070;-webkit-box-shadow:0 1px 0 #fff;font-size:16px;}
/** The '+' icon, displayed only on iOS < 4.2*/
#addToHomeScreen .addToHomePlus {font-weight:bold;font-size:1.3em;}
/**The 'share' icon, displayed only on iOS >= 4.2 */
#addToHomeScreen .addToHomeShare {display:inline-block;width:18px;height:15px;background-repeat:no-repeat;background-image:url(../images/common/addbg.png);background-size:18px 15px;text-indent:-9999em;overflow:hidden;}
/* The touch icon (if available)*/
#addToHomeScreen .addToHomeTouchIcon {display:block;float:left;-webkit-border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),inset 0 0 2px rgba(255,255,255,0.9);background-repeat:no-repeat;width:57px; height:57px;-webkit-background-size:57px 57px;margin:0 12px 0 0;border:1px solid #333;-webkit-background-clip:padding-box;}
/*The 'share' icon for retina display*/
@media all and (-webkit-min-device-pixel-ratio: 2) {
#addToHomeScreen .addToHomeShare {background-image:url(../images/common/addbg.png);}
}

/*我的账户样式*/
.ablock{ display:block;}
.wlinfo{ color:#bbb}
.orderaction{ padding:8px 6px; position:relative; background:#f8f8f8;border-radius:0 0 6px 6px; line-height:20px; font-size:13px; }

/*激活代金券样式*/
.position{ position:absolute; right:10px; top:5px;}
.reposition{ position:absolute; right:10px; top:28px;}
.tips_accout,.tips_accout3{ float:right; position:relative;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f254a2',endColorstr='#d62e83');/*IE7,IE8*/
background:-ms-linear-gradient(top, #f254a2, #d62e83);/*IE10*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f254a2), to(#d62e83));
background: -moz-linear-gradient(top, #f254a2, #d62e83); 
border-radius:2px; padding:5px 5px 5px; color:#fff; margin:5px 0 0 10px; }
.tips_accout3{ padding:2px; margin:0px 25px 0 0;}
.tips_accout3 em{ position:absolute; left:-8px;top:50%; margin-top:-5px; border:4px solid #fff; border-color:#fff #e23e91 #fff #fff ;}
.tips_accout em{ position:absolute; left:-7px;top:6px; width:8px; height:15px; background:url(../images/common/leftico.png) no-repeat left center;}

/*信息提示*/
div.sticky-queue{position:fixed;z-index:9999;width:100%;text-align:center;}
div.sticky-note{}
div.sticky{color:#fff;display:none;padding:10px;position:relative;
box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(60,60,60,0.95) /*{a-bar-background-start}*/), to( rgba(0,0,0,0.9) /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( rgba(60,60,60,0.95) /*{a-bar-background-start}*/, rgba(0,0,0,0.9) /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( rgba(60,60,60,0.95) /*{a-bar-background-start}*/, rgba(0,0,0,0.9) /*{a-bar-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( rgba(60,60,60,0.95) /*{a-bar-background-start}*/, rgba(0,0,0,0.9) /*{a-bar-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( rgba(60,60,60,0.95) /*{a-bar-background-start}*/, rgba(0,0,0,0.9) /*{a-bar-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( rgba(60,60,60,0.95) /*{a-bar-background-start}*/, rgba(0,0,0,0.9) /*{a-bar-background-end}*/)}
div.sticky h2{font-size:14px;font-weight:bold;color:#fff;text-shadow:0px -1px 1px #000;}
div.sticky p{color:#fff;}
img.sticky-close{position:absolute;top:10px;right:10px;height:14px;width:14px;cursor:pointer;}
.top-center{top:0;left:0;}
.top-bottom{bottom:0;left:0;}
div.sCsticky-queue{position:fixed;z-index:9999;background:url(../images/common/leftico.png) no-repeat left center;padding:0 0 0 7px;}
div.sCsticky-note{}
div.sCsticky{position:relative;color:#fff;display:none;padding:2px 0 0 15px;width:105px;height:36px;background:#e44193;}
div.sCsticky p{color:#fff;}
.bottom-left{bottom:15px;left:60px;}
div.sBsticky-queue{position:fixed;z-index:9999;text-align:center;}
div.sBsticky-note{}
div.sBsticky{position:relative;color:#fff;display:none;padding:2px 1px;background:#e44193;border:2px solid #fff;border-radius:3px;}
div.sBsticky p{color:#fff;}
.bottom-left-tip{bottom:65px;left:38px;}

/*产品详细页异步加载table样式*/
.wap_size_tab{border:1px solid #CCCACC;border-collapse:collapse;}
.wap_size_tab td{padding:0 5px;border:1px solid #cccacc;height:22px;line-height:22px;text-align:center;color:#807e80;background-color:#f8f8f8}
.wap_size_tab td.tag{padding-left:10px}
.wap_size_tab td.tag02{line-height:24px}
.light_red{color:#DC5C95;}
.J_wrap_sizeTable{ border-collapse:collapse;text-align:center; border-spacing:0; border:#cccacc 1px solid;}
.J_wrap_sizeTable td,.J_wrap_sizeTable th{ padding:5px 0;border-collapse:collapse;border:#cccacc 1px solid; padding:3px 0; font-weight:normal; }
.J_wrap_tableBox{position:absolute;left:20px;box-shadow:0px 0px 8px rgba(0,0,0,0.25);width:280px;}
.J_wrap_tableBox .J_wrap_tableInfo{background:#f8f8f8;}
.J_wrap_tableBox .J_close{position:absolute;top:-10px;right:-10px;height:20px;width:20px; line-height:20px;cursor:pointer;font-size:16px;text-align:center;color:#fff;background:rgba(0,0,0,.5);box-shadow:0px 0px 2px rgba(0,0,0,0.3);border-radius:10px;}
.J_wrap_tableBox .J_arrow{position:absolute;bottom:-5px;left:50%;height:10px;width:10px;margin-left:-10px;border-right:1px solid #cccacc;border-bottom:1px solid #cccacc;background:#f8f8f8;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);} 

/*显示图片加载中...*/
.overlayer {position: absolute;z-index:1000;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
.img-loading{background: url(../images/common/loading.gif) center center no-repeat;}
.vip_loading{background:url(../images/common/loading_goods.gif) center center no-repeat;}
.goods_images li.beauty_loading{background:url(../images/common/loading_beauty_list.gif) center top no-repeat; background-size:300px; width:300px; height:198px;}
.cover_load_img{display:none;position:absolute;padding:8px 10px 0;height:40px;text-align:center;z-index:100;right:0;bottom:-2px;background:rgba(255,255,255,0.5);}
.beauty_g_images ul{ position:relative;}
.img-bg{background-color:#eee;}
.shadow{-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}

/*显示盒子*/
.ui-center-overlay {z-index: 99999;position:fixed;_position:absolute;top: 50%;left: 50%;width: 280px;padding:10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);background: rgba(0,0,0,0.09);  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.ui-container{padding:10px;background: rgba(20,20,20,0.8);-webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.ui-container p.txt {color: #FFF;font-weight: bold;display: block;font-size: 14px;width: 100%;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;margin-bottom:10px;}
.ui-container p.btn_area a{height:30px;text-align:center; line-height:30px; font-size:14px; font-weight:bold; display:inline-block;}

/*图片动画效果*/
.an-Transition{
transition:width 0.5s, height 0.5s;
-moz-transition:width 0.5s, height 0.5s, -moz-transform 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s, height 0.5s, -o-transform 0.5s; /* Opera */}
.an-Transitionhover{
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */}
.t_load{background-position:0 0;line-height:16px;min-height:16px;}
/*订单页面提示选择*/
.ui-note-error{background:#f2deeb;color:#a80070;}
.ui-note-error ul li{border-bottom:1px solid #ff7ac0;}

/*商品详情参考b2c*/
.pro_detail_info{ width:304px; margin:0 auto;}
.pro_title_new {  color: #4C4C4C;  font-family: 微软雅黑,arial,sans-serif;  font-size: 16px;margin-bottom: 20px;overflow: hidden;}
.pro_title_new span {border-bottom: 2px solid #DE609E;color: #DE609E;font-size: 14px;line-height: 19px;margin-left: 5px;padding-right: 8px;}
.pro_title_new .w1 {width: 894px;}
.pro_title_new .w2 {width: 880px;}
.pro_title_new .w3 {width: 854px;}
.pro_title_new .w4 {width: 840px;}
.pro_title_new .w5 {width: 845px;}
.pro_txt_content {overflow: hidden;padding: 0 20px 43px 40px;}
.th_num{ margin:10px 0 20px 80px; font-size:14px;}
.dc_tit {border-bottom: 1px dotted #B3B3B3;clear: both;font-size: 14px;font-weight: 700;text-align: left; color:#242424; margin:0 0 5px;}
.dc_tit i {color: #F43499;font-size: 18px;font-weight: 100; padding-left: 3px;}
.dc_size {color: #666666;overflow: hidden; padding: 20px;}
.dc_size_tip {font-size: 14px;line-height: 1.8;}
.dc_size_tip dt {font-weight: 700;}
.dc_size_tit {font-size: 14px;font-weight: 700; margin-top: 20px;padding-bottom: 10px;}
.dc_table_tit{ white-space:nowrap;}

/*头部样式*/
.i_client{ text-align:center; margin:0 auto; width:320px; position:relative;}
.i_client a{display:block;padding:0; margin:0;}
.i_client a img,.i_client_head a img{width:302px; border:none;}
.i_client_head{width:100%; text-align:center; padding:12px 0 8px; position:relative;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#bebebe');/*IE7,IE8*/background:-ms-linear-gradient(top, #f3f3f3, #bebebe);/*IE10*/background: -moz-linear-gradient(top, #f3f3f3, #bebebe);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#bebebe));}
.i_client_head .btn_area{position:absolute;top:5px;left:5px;z-index:100;padding:2px 20px 30px 5px;}
.i_client_head .btn_close{float:none;display:inline-block;width:15px;height:15px;font-size:16px;line-height:15px;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #363636;*background-color: #222222;background-image: -moz-linear-gradient(top, #444444, #222222);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));background-image: -webkit-linear-gradient(top, #444444, #222222);background-image: -o-linear-gradient(top, #444444, #222222);background-image: linear-gradient(to bottom, #444444, #222222);background-repeat: repeat-x;border-color: #fff #fff #fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.i_client_head a.down{display:block;}

.loading{padding: 5px 10px;color:#888;text-shadow: 0 1px 0 #fff; text-align:center;vertical-align:middle ;}
.loading img{margin-right:5px;vertical-align:-8px;width:26px;}
/*初始弹出窗口样式*/
.btn {display: inline-block;*display: inline;padding: 7px 12px;margin-bottom: 0;*margin-left: .3em;font-size: 14px;line-height: 20px;color: #333333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;*background-color: #e6e6e6;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #cccccc;*border: 0;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color: #b3b3b3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom: 1;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {color: #333333;background-color: #e6e6e6;*background-color: #d9d9d9;}
.btn:active,.btn.active {background-color: #cccccc \9;}
.btn:first-child {*margin-left: 0;}
.btn:hover,.btn:focus {color: #333333;text-decoration: none;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
.btn:focus {outline:none;}
.btn.active,.btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled,.btn[disabled] {cursor: default;background-image: none;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.closeBtn {float: right;font-size: 20px;font-weight: bold;line-height: 20px;color: #000000;text-shadow: 0 1px 0 #ffffff;opacity: 0.2;filter: alpha(opacity=20);font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.closeBtn:hover,.closeBtn:focus {color: #000000;text-decoration: none;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40);}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.8;filter: alpha(opacity=80);}
/*弹出层对话框样式*/
.layout{ background:rgba(0,0,0,.5); position:fixed; top:0; left:0; width:100%; height:100%;overflow:hidden; z-index:200; text-align:center; }
.popup{ background:#f5f5f5; width:250px; padding:0 15px 20px;position:absolute; top:50%; left:50%; margin:-80px 0 0 -140px;}
.popup h2{ color:#000; font-size:16px; line-height:50px; border-bottom:#ccc 1px solid; text-align:left;}
.popup p{ padding:10px 0 10px; text-shadow:0 1px 2px #fff; text-align:left;}
.btn_pay_more{ box-shadow:0 1px 1px rgba(0,0,0,.2); color:#ffffff; font-size:16px; height:35px; line-height:35px; text-align:center; border-radius:2px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2e8c',endColorstr='#ff3c9b');/*IE7,IE8,IE9*/background:-ms-linear-gradient(top, #ef2e8c, #ff3c9b);/*IE10*/background: -moz-linear-gradient(top, #ef2e8c, #ff3c9b);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ef2e8c), to(#ff3c9b)); border:#db207b 1px solid!important;}
.modal {position: fixed;z-index: 1050;width: 560px;background: #ffffff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.3);*border: 1px solid #999;-webkit-border-radius: 4px;   -moz-border-radius: 4px;        border-radius: 4px;outline: none;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-webkit-background-clip: padding-box;   -moz-background-clip: padding-box;        background-clip: padding-box;	  
}
.modal-header .close {margin-top: 2px;}
.modal-header{ padding:10px 15px;border-bottom: 1px solid #eee;}
.modal-header h3 { margin: 0; line-height: 30px;font-size: 16px;font-weight:normal;color:#aaa;}
.modal-body {position: relative;max-height: 400px;padding: 15px;overflow-y: auto;}
.modal-message{text-align:left;line-height:20px;font-size:16px;}
.modal-form {margin-bottom: 0;}
.modal-footer {padding: 8px 8px 10px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;*zoom: 1;-webkit-box-shadow: inset 0 1px 0 #ffffff;-moz-box-shadow: inset 0 1px 0 #ffffff;box-shadow: inset 0 1px 0 #ffffff;}
.modal-footer:before,.modal-footer:after {display: table;line-height: 0;content: "";}
.modal-footer:after {clear: both;}
.modal-footer .btn + .btn {margin-bottom: 0;margin-left: 5px;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-Preloader{background-color: #F7F7F7;  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);  background-repeat: repeat-x;  border-radius: 4px 4px 4px 4px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;  height: 20px;  margin-bottom: 20px;  overflow: hidden;}
.modal-Preloader .bar {-moz-box-sizing: border-box;background-color: #0E90D2;background-image: linear-gradient(to bottom, #149BDF, #0480BE);  background-repeat: repeat-x;  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;color: #FFFFFF;float: left;font-size: 12px;height: 100%;text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);transition: width 0.6s ease 0s;width: 100%;}
.progress.active .bar {animation: 2s linear 0s normal none infinite progress-bar-stripes;}
.progress-striped .bar {background-color: #149BDF;  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));background-size: 40px 40px;}
.imgModal{position: fixed;z-index: 1000;width: 100px;background-color: #ffffff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.3);*border: 1px solid #999;outline: none;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-background-clip: padding-box;   -moz-background-clip: padding-box;background-clip: padding-box;}
.imgModal img{width:100%;}
.ui-top-note{position:fixed;top:0;left:0;z-index:100;background-color:#006dcc;width:100%;color:#fff;text-align:center;padding:5px 0;line-height:20px;diplay:block; font-size:14px;}
.ui-group{margin:0;padding:0;}
.ui-group .ui-c-group {margin-bottom: 5px;*zoom: 1;}
.ui-group .ui-c-group:before,
.ui-group .ui-c-group:after {display: table;line-height: 0;content: "";}
.ui-group .ui-c-group:after {clear: both;}
.ui-c-group.error{color: #b94a48;}
.ui-c-group.error .checkbox,
.ui-c-group.error .radio,
.ui-c-group.error input,
.ui-c-group.error select,
.ui-c-group.error textarea {color: #b94a48;}
.ui-c-group.error input,
.ui-c-group.error select,
.ui-c-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ui-circle{border-color: #cd0064;background-color:#cd0064;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.ui-circle .modal-body{padding:0;}
.ui-circle .modal-message{  text-align:center;  font-size:14px;  line-height:20px;color:#fff;font-weight:bold;}
.ui-error,.ui-success,.ui-info,.ui-warning{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1);}
.ui-error{color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #da4f49;border-color: #bd362f #bd362f #802420;}
.ui-success {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #5bb75b;*background-color: #51a351;border-color: #51a351 #51a351 #387038;}
.ui-warning {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #faa732;*background-color: #f89406;border-color: #f89406 #f89406 #ad6704;}
.ui-info {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #006dcc;*background-color: #0044cc;border-color: #0044cc #0044cc #002a80;}
.ui-error .modal-header,.ui-success .modal-header,.ui-warning .modal-header,.ui-info .modal-header {padding:5px 15px;}
.ui-error .modal-header h3,.ui-success .modal-header h3,.ui-warning .modal-header h3,.ui-info .modal-header h3 {color:#ffafad;}
.ui-error .modal-body,.ui-success .modal-body,.ui-warning .modal-body,.ui-info .modal-body {padding: 10px;}
.ui-error .modal-message,.ui-success .modal-message,.ui-warning .modal-message,.ui-info .modal-message{text-align:center;font-size:14px;line-height:20px;}
.ui-btn-area{position:relative;}
.ui-btn-mask{display:block;position:absolute;width:100%;top:0;left:0;text-align:center;height:35px;line-height:35px; background-color:rgba(255,255,255,0.4);*background-color:#fff;color:#fff;font-size:16px;}
.ui-btn-mask img{vertical-align:middle;}